<div id="gridMemberPerformanceRanking">
  <yu-panel title="网格员业绩排名表">
    <yu-xform ref="gridMemberPerformanceRankingInfoSearch" related-table-name="gridMemberPerformanceRankingTable" form-type="search"
              :custom-search-fn="searchFn">
      <yu-xform-group :column="3">
        <yu-xform-item label="机构名称" placeholder="机构名称" name="gridName" ctype="input"></yu-xform-item>
        <yu-xform-item label="档案号" placeholder="档案号" ctype="input" name="userNo"></yu-xform-item>
        <yu-xform-item label="网格员姓名" placeholder="网格员姓名" ctype="input" name="userName"></yu-xform-item>
        <yu-xform-item label="网格名称" placeholder="网格名称" ctype="input" name="secondGridName"></yu-xform-item>
        <yu-xform-item label="统计日期" placeholder="统计日期" name="etlDt" ctype="datepicker"></yu-xform-item>
      </yu-xform-group>
    </yu-xform>
    <div style="justify-content:space-between;display: flex">
      <div>
        <yu-button type="warning" v-loading="loading"  @click="exportExcel()" >导出数据</yu-button>
      </div>
    </div>
    <div style="height: 30px"></div>
    <yu-xtable ref="gridMemberPerformanceRankingTable" :base-params="gridMemberPerformanceRankingData" :data-url="funcDataUrl" request-type="get" row-number style="width: 100%">
      <yu-xtable-column prop="etlDt" label="统计日期" width="120px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="gridName" label="机构名称" width="90px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="secondGridName" label="网格名称" width="90px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="userNo" label="档案号" width="130px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="userName" label="网格员姓名" width="130px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="documentCustNum" label="全部建档客户数" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="rank1" label="全部建档客户数全行排名" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="converNum" label="转化数" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="rank2" label="转化数全行排名" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="depBalAdd" label="存款增量" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="rank3" label="存款增量全行排名" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="loanBalAdd" label="贷款增量" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="rank4" label="贷款增量全行排名" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="documentCustNumM" label="当月建档客户数" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="rank5" label="当月建档客户数全行排名" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="converNumM" label="当月转化数" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="rank6" label="当月转化数全行排名" width="160px" align="center" show-overflow-tooltip></yu-xtable-column>
    </yu-xtable>
  </yu-panel>
</div>
